.team-plan-status-badge {
  padding: 4px 6px;
  border-radius: 32px;
  border: 1px solid var(--requestly-color-success);
  gap: 6px;

  &-dot {
    width: 10px;
    height: 10px;
    background: var(--requestly-color-success);
    border-radius: 50%;
  }

  &-text {
    font-size: var(--requestly-font-size-xs, 11px);
    color: var(--requestly-color-text-default);
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 0.4px;
  }
}

.plan-status-warning-badge {
  color: var(--requestly-color-warning);
  border: 1px solid var(--requestly-color-warning);
}

.plan-status-expired-badge {
  border: 1px solid var(--requestly-color-error);
}

.plan-status-active-badge {
  border: 1px solid var(--requestly-color-success);
}

.plan-status-warning-dot {
  background: var(--requestly-color-warning);
}

.plan-status-expired-dot {
  background: var(--requestly-color-error);
}

.plan-status-active-dot {
  background: var(--requestly-color-success);
}

.team-plan-status-badge-text {
  color: inherit;
}
